<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type" />
    <title>Default</title>
    <link rel="stylesheet" type="text/css" href="./css/main.css" />
    <style type="text/css">
    #doc {width:960px; margin:0px auto;}
    #header, #footer {height:50px; border:1px solid #000000;}
    </style>
</head>
    
<body id="doc">
    <div id="header">
    </div>
    
    <div class="yui3-g">
        <div class="yui3-u-1-5">
            <div class="side_nav">
                <ul>
                    <li><a href="#">Left Link</a></li>
                    <li><a href="#">Left Link</a></li>
                    <li><a href="#">Left Link</a></li>
                    <li><a href="#">Left Link</a></li>
                    <li><a href="#">Left Link</a></li>
                    <li><a href="#">Left Link</a></li>
                </ul>
            </div>
        </div>
        
        <div class="yui3-u-3-5">
        </div>
        
        <div class="yui3-u-1-5">
            <div class="slide_login">
                <table>
                    <tr><td>Use name:</td></tr>
                    <tr><td><input type="text" id="username" name="username" /></td></tr>
                    <tr><td>Password:</td></tr>
                    <tr><td><input type="password" id="password" name="password" /></td></tr>
                    <tr><td><input type="submit" name="submit" id="submit" /></td></tr>
                </table>
            </div>
        </div>
    </div>
    
    <div id="footer">
    </div>
</body>

<!-- JavaScript -->
<script type="text/javascript" src="./js/jquery-1.6.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {

});
</script>
</html>